<template>
  <div class="qunjianjie">
    <div class="title">群友秀({{ show.count }})</div>
    <a :href="show.link">
      <img :src="show.img" alt="群友秀">
    </a>
  </div>
</template>

<script>
export default {
  name: 'GroupShow',
  props: {
    show: {
      type: Object,
      required: true
    }
  }
}
</script>

<style scoped>
.qunjianjie img {
  width: 90%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  height: 5.85rem;
  margin-top: 1.14rem;
}
.title {
  font-size: 1.32rem;
  color: #1c1f31;
  margin-top: 0.96rem;
}
</style>
